<!-- 1. 先书写一个form表单，在form表单中书写table表格，通过分析需要书写10行3列；
2. 标题   会员注册  一行,跨3列 ，使用td的属性colspan，设置为3，使用font标签设置字体颜色；
3. 用户名，文本框即输入内容的列跨2列，使用td的属性colspan，设置为2。使用input标签的属性placeholder来设置input标签的默认名字，文本框大小是30；
4. 密码、确认密码、Email和姓名都是第三步一样；
5. 性别，input标签类型是radio,并设置女的input标签为checked="checked";
6. 出生日期也和第三步一样；
7. 验证码第2列设置文本框大小是15，第3列引入图片img/checkcode.jpg;
8. 注册按钮的第2列添加一个submit按钮；-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="注册页面" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <style type="text/css">
        /*给整个页面添加背景图片*/
        body{
        background-image: url(../html/pc1920.jpg);
    }
    div
			{
				/*div的宽度*/
				width: 500px;
				/*div的高度*/
				height:400px;
				/*div的边框*/
				border: 2px solid lightgray;/*lightgray表示灰色*/
				/*div的背景颜色*/
				background-color:rgba(255,0,0,0);
				/*让div居中，设置外边距即可*/
				margin: 50px auto;/*50px 表示div的盒子上下是50px,以上优先。auto表示div的盒子左右自动适应*/
				/*设置内边距*/
				padding: 40px 80px;
			}
			/*设置行高*/
			tr{
				height: 40px;
			}
			/*设置输入框的高度*/
			input{
				height: 30px;
			}
    </style>    
</head>
<body>
    <div> 
    <form action="#" method="post">
        <table cellpadding="0px" cellspacing="0px">
            <tr>
                <td colspan="3">
                    <font color="blue">会员注册</font>&nbsp;&nbsp;USER REGISTER
                </td>

                
            </tr>
            <tr>
                <th>用户名  </th>
                <td colspan="2">
                    <input type="text" placeholder="请输入用户名" name="username" size="30px">
                </td>
            
            </tr>
            <tr>
                <th>密码</th>
                <td colspan="2">
                    <input type="password" placeholder="请输入密码" name="password" size="30px">
                </td>

            </tr>
            <tr>
                <th>确认密码</th>
                <td colspan="2">
                    <input type="password" placeholder="请输入确认密码" name="repassword" size="30px">
                </td>

            </tr>
            <tr>
                <th>Email</th>
                <td colspan="2">
                    <input type="email" placeholder="Email" name="email" size="30px">
                </td>
                <td></td>
            </tr>
            <tr>
                <th>姓名</th>
                <td colspan="2">
                    <input type="text" placeholder="请输入姓名" name="realname" size="30px">
                </td>

            </tr>
            <tr>
                <th>性别</th>
                <td colspan="2">
                    <input type="radio" name="sex" id="male"><label for="male">男</label>
                    <input type="radio" name="sex" id="female" checked><label for="female">女</label>
                </td>

            </tr>
            <tr>
                <th>出生日期</th>
                <td colspan="2">
                    <input type="date" name="birthday">
                </td>

            </tr>
            <tr>
                <th>验证码</th>
                <td><input type="text" name="checkcode" size="15px"></td>
                <td><img src="../html/Snipaste_2022-12-01_20-13-41.jpg"</td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="注册"  style="background:red;color:white">
                </td>
                <td></td>
            </tr>
        </table>
    </form>
    </div>
</body>
</html>